<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.top{
				border-top: black 1px solid;
				width: 980px;
				height: 130px;
				background: url(images/h_bg.jpg) -22px 0;
			}
			.right{
				width: 470px;
				height: 80px;
				float: right;
			}
			.right ul li{
				float: left;
				list-style: none;
				width: 90px;
			}
			.right i{
				width: 20px;
				height: 20px;
				display: inline-block;
			}
			#i1{
				background:url(images/icon.gif) -3px -2px;
			}
			#i2{
				background:url(images/icon.gif) -46px -2px;
			}
			#i3{
				background:url(images/icon.gif) -92px -2px;
			}
			#i4{
				background:url(images/icon.gif) -132px -2px;
			}
			.right p{
				position: absolute;
				top: 50px;
			}
			.right a{
				text-decoration: none;
				color: black;
			}
			.right div{
				width: 40px;
				float: left;
				border-radius: 6px;
				margin: 3px;
				border: black 1px solid;
			}
			#tb ul li a{
				text-decoration: none;
				color: black;
			}
			#tb ul li{
				list-style: none;
				width: 85px;
				float: left;
			}
			#tb{
				margin-top: 100px;
				height: 30px;
			}
		</style>
	</head>
	<body>
		<div class="top">
			<div class="right">
				<ul>
					<li><i id="i1"></i><a href="">购物车</a></li>
					<li><i id="i2"></i><a href="">帮助中心</a></li>
					<li><i id="i3"></i><a href="">加入收藏</a></li>
					<li><i id="i4"></i><a href="">设为首页</a></li>
				</ul>
				<div><a href="">登录</a></div>
				<div><a href="">注册</a></div>
				<p>欢迎</p>
			</div>
			<div id="tb">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">家用电器</a></li>
					<li><a href="#">手机数码</a></li>
					<li><a href="#">日用百货</a></li>
					<li><a href="#">书籍</a></li>
					<li><a href="#">帮助中心</a></li>
					<li><a href="#">免费开店</a></li>
					<li><a href="#">全球咨询</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
